@import 'Core';
@import 'Floating';

@import 'DistanceLegend';
@import 'Navigation';

$default-font: 'Roboto', sans-serif;
$highlight-color: #68adfe;
$left-side-panels-width: 350px;

//Panels
$panel-background-color: #2f353c;
$panel-text-color: #cccccc;
$panel-emphasized-text-color: #ffffff;
$panel-selected-text-color: $highlight-color;
$panel-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.26);
$panel-element-border: 1px solid rgba(100, 100, 100, 0.6);
$panel-section-background-color: #282d32;
$panel-form-input-background-color: #838689;
$panel-form-input-text-color: #ffffff;
$panel-form-button-background-color: #a1a3a6;
$panel-form-button-text-color: #ffffff;

// Explorer panel
$explorer-panel-width: $left-side-panels-width;
$explorer-panel-header-background-color: #757f88;
$explorer-panel-inactive-tab-text-color: $panel-text-color;
$explorer-panel-active-tab-text-color: $panel-emphasized-text-color;

$explorer-panel-active-tab-underline-color: $highlight-color;
$explorer-panel-close-animation-length: 0.25s;
$explorer-panel-tab-switch-animation-length: 0.25s;
$explorer-panel-badge-background-color: $highlight-color;
$explorer-panel-badge-text-color: $panel-emphasized-text-color;

//Floating elements

$floating-background-color: rgba(47, 53, 60, 80%);
$floating-text-color: #ffffff;
$floating-element-border: 1px solid #555555;

// Input
$input-background-color: #a1a3a6;
$input-text-color: #666666;
